<div class="row">
    <div class="col-lg-3 col-md-6">
        <div class="panel widget bg-info">
            <div class="row row-table">
                <div class="col-xs-4 text-center pv-lg" style="padding-bottom:0px !important;">
                    <em class="fa fa-users fa-3x"></em>
                </div>
                <div class="col-xs-8 pv-lg" style="padding-bottom:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.custNum' | translate) || '当前客户数量'}}</div>
                    <div class="h2 mt0">{{shuju?.custNum}}</div>
                </div>
            </div>
            <div class="row row-table">
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.industryNum' | translate) || '客户行业'}}</div>
                    <div class="text-uppercase">{{shuju?.industryNum}}</div>
                </div>
                <a href="###" style="display:block;height:70%;width:1px;background-color:#fff;"></a>
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.aveCust' | translate) || '客均销售额'}}</div>
                    <div class="text-uppercase">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{shuju?.aveCust|number:'1.2-2'}}</div><!-- $ -->
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="panel widget bg-success">
            <div class="row row-table">
                <div class="col-xs-4 text-center pv-lg" style="padding-bottom:0px !important;"><!-- bg-primary-dark-->
                    <em class="fa fa-money fa-3x"></em>
                </div>
                <div class="col-xs-8 pv-lg" style="padding-bottom:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.thisMonthFee' | translate) || '本月收入'}}</div>
                    <div class="h2 mt0">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{shuju?.thisMonthFee|number:'1.2-2'}}</div>
                </div>
            </div>
            <div class="row row-table">
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;"><!-- bg-primary-dark-->
                    <div class="text-uppercase">{{('home.homepage.channelportal.lastMonthFee' | translate) || '上月收入'}}</div>
                    <div class="text-uppercase">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{shuju?.lastMonthFee|number:'1.2-2'}}</div>
                </div>
                <a href="###" style="display:block;height:70%;width:1px;background-color:#fff;"></a>
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.increase' | translate) || '增长'}}</div>
                        <div class="text-uppercase">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{shuju?.increase|number:'1.2-2'}}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="panel widget bg-primary-dark">
            <div class="row row-table">
                <div class="col-xs-4 text-center pv-lg" style="padding-bottom:0px !important;">
                    <em class="fa fa-user fa-3x"></em>
                </div>
                <div class="col-xs-8 pv-lg" style="padding-bottom:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.saleNum' | translate) || '当前销售数量'}}</div>
                    <div class="h2 mt0">{{shuju?.saleNum}}</div>
                </div>
            </div>
            <div class="row row-table">
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;"><!-- bg-primary-dark-->
                    <div class="text-uppercase">{{('home.homepage.channelportal.countOrg' | translate) || '当前组织数量'}}</div>
                    <div class="text-uppercase">{{shuju?.countOrg}}</div>
                </div>
                <a href="###" style="display:block;height:70%;width:1px;background-color:#fff;"></a>
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.aveSale' | translate) || '人均销售额'}}</div>
                    <div class="text-uppercase">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{shuju?.aveSale|number:'1.2-2'}}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="panel widget bg-success-dark">
            <div class="row row-table">
                <div class="col-xs-4 text-center pv-lg" style="padding-bottom:0px !important;">
                    <em class="fa fa-image fa-3x"></em>
                </div>
                <div class="col-xs-8 pv-lg" style="padding-bottom:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.documents' | translate) || '结算单'}}</div>
                    <div class="h2 mt0">&nbsp;</div>
                </div>
            </div>
            <div class="row row-table">
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.countChnlTotal' | translate) || '结算单数'}}</div>
                    <div class="text-uppercase">{{shuju?.countChnlTotal}}</div>
                </div>
                <a href="###" style="display:block;height:70%;width:1px;background-color:#fff;"></a>
                <div class="col-xs-6 text-left pv-lg" style="padding-top:0px !important;">
                    <div class="text-uppercase">{{('home.homepage.channelportal.sumChnlBalance' | translate) || '待结算金额'}}</div>
                    <div class="text-uppercase">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{shuju?.sumChnlBalance|number:'1.2-2'}}</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="panel panel-default">
            <!-- <div class="panel-heading"><strong>月度收入</strong></div> -->
            <div class="panel-body">
                <echarts-ng2 #yuedushouru [style]="{'width': '100%', 'height': '320px', 'display': 'inline-block'}" [option]="zhe"></echarts-ng2>
                <div class="table-responsive">
                    <table class="table table-striped table-hover text-center">
                        <thead>
                            <tr>
                                <th class="text-center" style="width:30%">{{('home.homepage.channelportal.orderId' | translate) || '订单'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.orderType' | translate) || '业务类型'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.custName' | translate) || '客户名称'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.orderFee' | translate) || '结算金额'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.orderState' | translate) || '当前状态'}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let item1 of singleData1">
                                <td [title]="item1.orderId">{{item1.orderId}}</td>
                                <td [title]="item1.orderType">{{item1.orderType}}</td>
                                <td [title]="item1.custName">{{item1.custName}}</td>
                                <td style="color:#46bee9;">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{item1.orderFee|number:'1.2-2'}}</td>
                                <td *ngIf="item1.orderState == '2'" style="color:#FF8517;">{{('home.homepage.channelportal.unfinished' | translate) || '施工中'}}</td>
                                <td *ngIf="item1.orderState == '3'" style="color:#24B145;">{{('home.homepage.channelportal.finished' | translate) || '施工完成'}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <echarts-ng2 #xiaoshoupaiming [style]="{'width': '100%', 'height': '320px', 'display': 'inline-block'}" [option]="tongji"></echarts-ng2>
                <div class="table-responsive">
                    <table class="table table-striped table-hover text-center">
                        <thead>
                            <tr>
                                <th class="text-center">{{('home.homepage.channelportal.No' | translate) || '序号'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.saleName' | translate) || '姓名'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.numCust' | translate) || '客户数'}}</th>
                                <th class="text-center">{{('home.homepage.channelportal.fee' | translate) || '金额'}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let item2 of singleData2">
                                <td>{{item2.No}}</td>
                                <td>{{item2.saleName}}</td>
                                <td>{{item2.numCust}}</td>
                                <td style="color:#46bee9;">{{('home.homepage.channelportal.yuan' | translate) || '¥'}}{{item2.fee|number:'1.2-2'}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>